<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <ul>
            <!-- <li v-for="s in students">
                {{s.name}}
            </li> -->
            <!-- <div v-if="cess">
                你看得到    
            </div> -->
            <div id = "app">
                {{otherMsg()}}
            </div>
            <div v-html = "ht">
                
            </div>
                <img :src="imgSrc" alt="" height="400px" width="600px" ><br>
                <a :href="url">刷新</a><br>
                <button @click="handleClick">不要按</button>
        </ul>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script>
        var app = new Vue({
            el:'#app',
            data:{
                msg:"谢汶霖",
                ht:"<h1>就是个憨憨</h1>",
                imgSrc:"./imgs/QQ图片20200618173539.gif",
                url:"./index.html"
            },
            computed:{
                newMsg:function(){
                    return this.msg+"茂名白给大狙"
                }
            },
            filters:{
                formatString:function(val){
                    return val + "， wdnmd"
                }
            },
            methods:{
                handleClick:function(){
                    console.log("臭傻逼点啥");
                },
                otherMsg:function(){
                    return this.msg+"233333"
                }
            },
            mounted:function(){
                console.log('他来了他来了'+new Date().toDateString)
            }
            // data:{
            //     students:[
            //         {name:'123'},
            //         {name:'abc'},
            //         {name:'谢汶霖'},
            //         {name:'林华铭'},
            //         {name:'铭敏明'},
            //     ],
            //     message:'这个页面创建于'+new Date().toLocaleString(),
            //     cess:true
            // }
        })
    </script>
</body>
</html>